import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import Login from './Login/index.tsx'
import Register from './Register/index.tsx'

import './index.css'
import { ConfigProvider } from 'antd';
import "tailwindcss/tailwind.css";
import { RouterProvider, createBrowserRouter } from 'react-router-dom';
function BookManage() {
  return <div>book</div>;
}
const routes = [
  {
    path: "/login",
    element: <Login />,
  },
  {
    path: "/register",
    element: <Register />,
  },
  {
    path: "/app",
    element: <App />,
  },
  {
    path: "/",
    element: <BookManage />,
  },
];
const router = createBrowserRouter(routes);
const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
// ReactDOM.createRoot(document.getElementById('root')!).render(
//   <React.StrictMode>
//     <ConfigProvider theme={{ cssVar: true }}>
//       <App />
//     </ConfigProvider>
//   </React.StrictMode>,
// )
root.render(<RouterProvider router={router} />);